<html>
<head>
    <title>jQuery Tip Demo</title>
    <style>
body { font-size: 11pt; }
.top { font-size: 1.2em; }
.box {
    margin: 0px 5px;
    padding: 5px;
    border: 1px dotted black;
}
.main { height: 9em }
    </style>
    <script type="text/javascript" src="../../jquery.1.3.2.js"></script>
    <script type="text/javascript" src="jquery.tip.js"></script>
    <script type="text/javascript">
$(function() {
    $('[title]').tip()
});
    </script>
</head>
<body>
<div class="top box" title="View the source code to see how it works.">
    Mouse around to see the tips.
</div>
<br clear="all">
<div class="box main" title="Div Tip">
    <button title="Button Tip">Button</button>
    <br>
    <div>
    <label for="a" title="Label Tip">A</label>
    <input type="text" name="a" value="" title="Input Tip">
    </div>
    <label for="b">B</label>
    <textarea name="b" title="Textarea Tip"></textarea>
    <br>
    <p title="Text Tip">Text</p>
</div>
</body>
</html>